<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
   
	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
			<script type="text/javascript">//<![CDATA[	
	            function handleRegNoClteRequest(xhr, status, args) { 
	            	 if(args.bandGrabarNewNoCliente) {
	            		wgdNoCliente.hide();  
	                 }
	            }  
	            
	            function handleRegEditNoClteRequest(xhr, status, args) { 
	           	   if(args.bandGrabarEditNoCliente) {
	           		  wdgEditar.hide();   
	               }   
	            }
	    	//]]></script>  
		</ui:define>
		<ui:define name="titulopagina">
			<h:outputText value="CONSULTA GENERAL NO CLIENTE" />
		</ui:define>
		<ui:define name="agregaIconoEjecutivos"/>
		<ui:define name="agregaIconoEmail"/>
		
	    <ui:define name="bodyarea">
			<f:event type="preRenderView" listener="#{noClienteController.onPageLoad}"/>
			<input type="hidden" id="nomReporte" name="nomReporte" value="consultaGeneralNoClientes"/>
			<p:messages id="messages" showDetail="true" closable="true" /> 
		 	<h:panelGrid width="100%" id="contenido">
		     <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5" 
		     		styleClass="bordePanel" columns="1" width="100%"
				    style="margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
			    <f:facet name="header">  
			       <h:outputText value="Criterio de Búsqueda" />
			    </f:facet> 
			    <h:panelGrid columns="4" id="pgCriterios">
				     <h:outputText value="Criterio de Busqueda:" styleClass="texto"/>
				     <p:selectOneMenu id="cmbCriterioBusqueda" value="#{noClienteController.criterioBusqueda}" >
						<f:selectItems value="#{comboModel.listCriteriosBusquedaNoCliente}" /> 
					 </p:selectOneMenu>
					 <h:outputText value="" />
					 <h:outputText value="" />
				     <h:outputText value="Valor de Búsqueda:" style="align-text:right" styleClass="texto"/> 
				     <h:inputText id="txtValorBusqueda" styleClass="inputText" size="30" maxlength="30" 
				     	value="#{noClienteController.valorBusqueda}" />
					 <p:spacer width="20px" height="10px" />
					 <p:commandButton icon="ui-icon-search" value="Buscar" id="btnBuscar" 
		                  actionListener="#{noClienteController.buscarCliente}"
		                  update=":formPrincipal:tablaNoClientes,:formPrincipal:messages"/>
			    </h:panelGrid>
             </h:panelGrid>
             
             <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				           cellpadding="5" styleClass="bordePanel" columns="1" 
				           style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
			     <f:facet name="header" >  
			       <h:outputText  value="Resultado" />
			     </f:facet>
			     <p:dataTable id="tablaNoClientes" value="#{noClienteController.listaConsultaGeneral}" var="fila"
			        emptyMessage="No hay resultados." paginator="true" rows="10" rowIndexVar="rowIndex"
					rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">  
			        <p:column headerText="Tipo Doc.">  
			            <h:outputText value="#{fila.destipdoc} "/>  
			        </p:column>
			        <p:column headerText="Nro. Documento">  
			            <h:outputText value="#{fila.nrodoc}" />  
			        </p:column>
			        <p:column headerText="Nombre / Razón Social">  
			            <h:outputText value="#{fila.nombrerazonSocial}" />  
			        </p:column>
			        <p:column headerText="Telefono Fijo">  
			            <h:outputText value="#{fila.telffijo}" />  
			        </p:column>
			        <p:column headerText="Telefono Celular">  
			            <h:outputText value="#{fila.telfcelular}"/>  
			        </p:column>
			        <p:column width="20">
				         <p:commandButton icon="ui-icon-pencil" title="Editar" update=":dlgEditar" 
				         	oncomplete="wdgEditar.show()" actionListener="#{noClienteController.editarCliente(fila)}" />
                    </p:column>
			        <p:column width="20"> 
				       <p:commandButton id="idSelectButton" icon="ui-icon-zoomin" title="Ver" 
				       	actionListener="#{noClienteController.verDetalleCliente(fila)}" />
				     </p:column>
                 </p:dataTable> 
                 <p:commandButton oncomplete="wgdNoCliente.show()" value="Nuevo" update=":dlgNuevoNoCliente"
					icon="ui-icon-document" actionListener="#{noClienteController.nuevoNoClienteReset}" />
             </h:panelGrid>
         </h:panelGrid>
          <p:blockUI block=":formPrincipal:contenido" trigger=":formPrincipal:btnBuscar"> 
               <h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
           </p:blockUI>
          <p:blockUI block=":formPrincipal:contenido" trigger=":formPrincipal:tablaNoClientes">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
		  </p:blockUI>
		</ui:define>
		
		<ui:define name="extraarea">
			<p:dialog id="dlgNuevoNoCliente"  header="Nuevo No Cliente" widgetVar="wgdNoCliente" 
	                  modal="true" dynamic="true" width="330">
	        	<h:form id="formNuevoNoCliente">
	                <p:messages id="new_messages2" showDetail="true" closable="true" />
	                <h:panelGrid id="pnlNvoNoCliente"  > 
	                	<h:panelGrid columns="2">
		                     <h:outputText value="Tipo de Documento: " styleClass="texto"/>  
		                     <p:selectOneMenu  id="nTipoDoc" value="#{noClienteController.noClienteNuevo.tipdoc}" >
							  <f:selectItems value="#{comboModel.listaTiposDocumento}" /> 
						     </p:selectOneMenu>
		  
		                     <h:outputText value="Nro. de Documento: " styleClass="texto"/>  
		                     <h:inputText id="nNroDocumento"  styleClass="inputText" size="30" value="#{noClienteController.noClienteNuevo.nrodoc}" 
		                     	onkeypress="return verificaEntero();" maxlength="20"/>
		                     	
		                     <h:outputText value="Razón Social: " styleClass="texto"/>  
		                     <h:inputText  id="nrzSocial" styleClass="inputText" value="#{noClienteController.noClienteNuevo.nombrerazonSocial}" 
		                     	size="30" maxlength="30" />  
		  
		                     <h:outputText value="Teléfono Fijo: " styleClass="texto"/>  
		                     <h:inputText  id="ntlfFijo" styleClass="inputText" size="30" maxlength="30" 
		                     	value="#{noClienteController.noClienteNuevo.telffijo}" />  
		                    
		                     <h:outputText value="Teléfono Celular: " styleClass="texto"/>  
		                     <h:inputText  id="ntlfCelular" styleClass="inputText" size="30" maxlength="30" 
		                     	value="#{noClienteController.noClienteNuevo.telfcelular}" /> 
		                     
		                     <h:outputText value="Mail: " styleClass="texto"/>  
		                     <h:inputText  id="nMail" styleClass="inputText" size="30" maxlength="30" value="#{noClienteController.noClienteNuevo.email}" />
	                	</h:panelGrid>
	                	<p:spacer width="40px" height="10px" />
	                  	<h:panelGrid columns="4">
	                  		<p:spacer width="40px" height="10px" />
	                    	<p:commandButton value="Guardar" icon="ui-icon-disk" update=":formPrincipal:tablaNoClientes"
	                           oncomplete="handleRegNoClteRequest(xhr, status, args)" id="btnGuardar"
	                           actionListener="#{noClienteController.grabarNuevoCliente}" />
	                        <p:spacer width="40px" height="10px" />
					       	<p:commandButton value="Cerrar" icon="ui-icon-close" oncomplete="wgdNoCliente.hide()" />
					   	</h:panelGrid>
	                </h:panelGrid>
	                <p:blockUI block=":formNuevoNoCliente:pnlNvoNoCliente" trigger=":formNuevoNoCliente:btnGuardar"> 
			            <h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Guardando..." style="white-space: nowrap;" />
						</h:panelGrid>
           			</p:blockUI>
	            </h:form>
	        </p:dialog>
	        
         	<p:dialog header="Editar No Cliente" widgetVar="wdgEditar" resizable="false" id="dlgEditar"  
                  showEffect="fade" modal="true" width="330">
                 <h:form id="formEditar">
	                   <p:messages id="new_messages" showDetail="true" closable="true" />
	                   <h:panelGrid id="idContentMainM">
		                   <h:panelGrid id="pnlEditar" columns="2">
		                      	<h:outputText value="Tipo de Documento: " styleClass="texto"/>  
		                        <p:selectOneMenu id="cboTipoDoc" value="#{noClienteController.noClienteEdit.tipdoc}" >
							      <f:selectItems value="#{comboModel.listaTiposDocumento}"/> 
						        </p:selectOneMenu>
						       
		                        <h:outputText value="Nro. de Documento: " styleClass="texto"/>  
		                        <h:inputText size="30" value="#{noClienteController.noClienteEdit.nrodoc}" 
		                        	onkeypress="return verificaEntero();" maxlength="20"/> 
		    
		                        <h:outputText value="Razón Social: " styleClass="texto"/>  
		                        <h:inputText value="#{noClienteController.noClienteEdit.nombrerazonSocial}" 
		                        	size="30" maxlength="30" /> 
		  
		                        <h:outputText value="Teléfono Fijo: " styleClass="texto"/>  
		                        <h:inputText size="30" maxlength="30" value="#{noClienteController.noClienteEdit.telffijo}"/>
		                    
		                        <h:outputText value="Teléfono Celular: " styleClass="texto"/>  
		                        <h:inputText size="30" maxlength="30" value="#{noClienteController.noClienteEdit.telfcelular}"/> 
		                     
		                        <h:outputText value="Mail: " styleClass="texto"/>  
		                        <h:inputText size="30" maxlength="30" value="#{noClienteController.noClienteEdit.email}" /> 
		                   </h:panelGrid>
		                   <p:spacer width="40px" height="10px" />
		                   <h:panelGrid columns="4">
		                   	   <p:spacer width="40px" height="10px" />
		                       <p:commandButton value="Guardar" icon="ui-icon-disk" update=":formPrincipal:tablaNoClientes" id="btnGuardar"
		                           actionListener="#{noClienteController.grabarEditarCliente}" oncomplete="handleRegEditNoClteRequest(xhr, status, args)"/>
		                       <p:spacer width="40px" height="10px" />
						       <p:commandButton value="Cerrar" icon="ui-icon-close" oncomplete="wdgEditar.hide()" />
	                       </h:panelGrid> 
                       </h:panelGrid>
                       <p:blockUI block=":formEditar:idContentMainM" trigger=":formEditar:btnGuardar"> 
				            <h:panelGrid columns="2">
								<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
								<h:outputText value="Guardando..." style="white-space: nowrap;" />
							</h:panelGrid>
	           			</p:blockUI>
                 </h:form>
             </p:dialog> 
		</ui:define>
	</ui:composition>
</html>
